<template>
  <div class="setting-container">
    <div class="app-container">
      <el-card>
        <el-tabs>
          <!-- 左侧 -->
          <el-tab-pane label="小程序管理">
            <!-- 按钮 -->
            <el-button size="small" type="primary"  >新增</el-button>
            <!-- 表格 -->
            <el-table>
              <el-table-column prop="id" label="id"  width="80"/>
              <el-table-column label="内容" prop="content" width="240" />
              <el-table-column label="操作">
                <el-button size="small" type="primary">编辑</el-button>
                <el-button size="small" type="danger">删除</el-button>
              </el-table-column>
            </el-table>
          </el-tab-pane>

          <el-tab-pane label="下单须知">
            <el-button size="small" type="primary"  >新增</el-button>
            <!-- 表格 -->
            <el-table>
              <el-table-column label="序号" prop="id"  width="80"/>
              <el-table-column label="内容" prop="content" width="240" />
              <el-table-column label="类型"  prop="type" width="240" />
              <el-table-column label="操作" fixed="right" >
                <el-button size="small" type="primary">编辑</el-button>
                <el-button size="small" type="danger">删除</el-button>
              </el-table-column>
            </el-table>
          </el-tab-pane>
        </el-tabs>
      </el-card>
    </div>
  </div>
</template>

<script>
  import {selectAll} from "@/api/role";
export default {
  data() {
    return {
      dialogVisible: false,
      // 分页数据
      currentPage: 1,
      list: [],
      showDialog: false,
      formData: {
        id: '',
        content: '',
        type: '',
      },
      loading: false,
      permissionData: [] // 存放用于展示的权限列表数据 (树形结构)
    }
  },

 
};
</script>

<style>

</style>